<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>会员中心 | 美团网</title>
    <link rel="icon" href="imgs/favicon.ico" sizes="16x16 32x32" />
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/member.css" />
    <link rel="stylesheet" href="./css/vip.css" />
    <link rel="stylesheet" href="./css/money.css" />
 
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2766798_wyklb4ym1mp.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2791358_ts1lcocnu.css" />
    
    <script src="./js/jquery-1.8.3.min.js"></script>
  </head>
  <body>
    <!-- header -->
    <script src="./js/_common-locationChoose.js"></script>
    <header>
      <div class="bar">
        <div class="bar-content">
          <!-- city -->
          <div class="city">
            <i class="iconfont icon-zuobiao"></i>
            <span class="choose-city">南京</span>
  
            <!-- 请手动选择 -->
            <div class="area">
              <div class="change-city">切换城市<b></b></div>
              <div class="box">
                <ul class="tab">
                  <li class="cur">请选择</li>
                  <li class="">请选择</li>
                  <li class="">请选择</li>
                </ul>
                <div class="tab-content">
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京1</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京2</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京3</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                </div>
                <div class="tab-content" style="display: none;">
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京4</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京5</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京6</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                </div>
                <div class="tab-content" style="display: none;">
                  <div class="city" area-id="1"><a href="javascript:;">北京7</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京8</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京9</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                  <div class="city" area-id="1"><a href="javascript:;">北京</a><span title="选择">-</span></div>
                </div>
              </div>
            </div>
            <!-- 请手动选择 -->
          </div>
          <!-- city -->
  
          <!-- login -->
          <div class="login">
              <!-- 已登录 -->
              <!-- <a href="./member.html">用户名</a>
              <a href="./logout.html">退出</a> -->
              <!-- 已登录 -->
  
              <!-- 未登录 -->
              <a href="./login.html">你好，请登录</a>
              <a href="./registry.html">免费注册</a>
              <a href="./order.html">我的订单</a>
              <!-- 未登录  -->
          </div>
          <!-- login -->
        </div>
      </div>
      <div class="content">
        <a href="./index.html"><img src="./imgs/logo.png" alt="" class="logo"></a>
        <div class="search">
          <input class="header-search-input" type="text" placeholder="搜索商家或地点">
          <button class="header-search-btn"><span
              class="header-icon icon-search-new iconfont icon-search"></span></button>
        </div>
        <div></div>
      </div>
    </header>
    <!-- header -->

    <!-- content -->
    <div class="page index" data-reactroot="">
      <div class="userexinfo-container">
        <div class="clearfix">
          <!-- 会员中心菜单 -->
          <script src="./js/member-menu.js"></script>
          <!-- 会员中心菜单 -->

          <div class="userinfo-box">
            <div class="my-page">
              <div class="user-info-box">
                <div class="user-info">
                  <div class="head-img">
                    <img src="./imgs/webopenfather.jpg" alt="" />
                  </div>
                  <div class="nick-name">
                    <a href="./vip.html"
                      ><p class="nick-name-txt">
                        神龙教主<i
                          class="levelIconNew iconfont_level icon-new-level_4"
                        ></i>
                        <img
                          src="./imgs/vip.png"
                          alt=""
                          class="vip"
                        /></p
                    ></a>
                    <p class="user-money">
                      我的余额：￥<span>0</span>
                      ·
                      <a href="./money.html">充值锋迷币</a>
                    </p>
                  </div>
                </div>
              </div>
              <div class="recommend-list clearfix">
                <!-- 内容 -->
                <div class="sub-service-items selected">
                  <div class="title">
                    <img
                      src="https://midas.gtimg.cn/midas/images/logo/qb/90.png"
                    />账户充值🐝
                  </div>
                </div>
                <div class="all-items">
                  <div class="goods-items">
                    <div class="total">
                      <span class="unit-price">10锋迷币</span>
                    </div>
                    <div class="relative-to-total" style="display: none">
                      <div class="quantity-input with-unit">
                        <button type="button" class="reduce">
                          <i class="icon-reduce"></i>
                        </button>
                        <button type="button" class="add">
                          <i class="icon-add"></i>
                        </button>
                      </div>
                    </div>
                    <div class="relative-to-total">30元人名币</div>
                    <i class="icon-corner-checked"></i>
                    <div class="goods-marketing" style="display: none">
                      <i class="icon-marketing-l"></i>
                      <span></span>
                      <i class="icon-marketing-r"></i>
                    </div>
                  </div>

                  <div class="goods-items">
                    <div class="total">
                      <span class="unit-price">20锋迷币</span>
                    </div>
                    <div class="relative-to-total" style="display: none">
                      <div class="quantity-input with-unit">
                        <button type="button" class="reduce">
                          <i class="icon-reduce"></i>
                        </button>
                        <button type="button" class="add">
                          <i class="icon-add"></i>
                        </button>
                      </div>
                    </div>
                    <div class="relative-to-total">20元人民币</div>
                    <i class="icon-corner-checked"></i>
                    <div class="goods-marketing" style="display: none">
                      <i class="icon-marketing-l"></i>
                      <span></span>
                      <i class="icon-marketing-r"></i>
                    </div>
                  </div>

                  <div class="goods-items">
                    <div class="total">
                      <span class="unit-price">30锋迷币</span>
                    </div>
                    <div class="relative-to-total" style="display: none">
                      <div class="quantity-input with-unit">
                        <button type="button" class="reduce">
                          <i class="icon-reduce"></i>
                        </button>
                        <button type="button" class="add">
                          <i class="icon-add"></i>
                        </button>
                      </div>
                    </div>
                    <div class="relative-to-total">30元人民币</div>
                    <i class="icon-corner-checked"></i>
                    <div class="goods-marketing" style="display: none">
                      <i class="icon-marketing-l"></i>
                      <span></span>
                      <i class="icon-marketing-r"></i>
                    </div>
                  </div>
                </div>
                <!--  内容  -->
                <div class="custom">
                  <p>自定义金额（自定义档位金额为0~100元）</p>
                  <div class="box-ipt">
                    <input type="text" class="ipt-free" />
                    <span>元</span>
                    <span class="tit-ex"></span>
                  </div>
                </div>
                <div class="pay">
                  <a href="javascript:;" class="btn btn-default alipaybtn">
                    <span>支付宝充值</span>
                    <span><i class="icon-btn-loading"></i></span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- content -->

    <script src="./js/money.js"></script>
  </body>
</html>
